<header>
    <div class="header header-index" summer="">
        <div class="layui-hide-xs topbar">
            <div class="layui-row topbar_con">
                <p class="saletext">UP TO <span>40% OFF</span> • LIMITED TIME ONLY</p>
                <div class="t_nav">
                    <!-- <a href="/about/">About Us</a> -->
                    <!--                    <a href="/blog/">Blog</a>-->
                    <a href="/fqa">Faq</a>
                    <!--                    <a href="/product?name=privacy-policy/">Privacy Policy</a>-->
                </div>
            </div>
        </div>
        <div class="layui-row header_con">
            <a class="logo" href="/"></a>
            <ul class="layui-hide-xs menu">

                <li class="sel" pagename="index"> <a href="/">Home</a> </li>
                <li pagename="customPage"> <a href="/product.html">Product</a>
                    <div class="ddiv">
                        <div class="citem">
                            <!--================================================================================================================================ productStart -->


                            {foreach $product_info as $key=> $val}

                            <dl>
                                <img data-lazyload="false" src="{$key}">
                                <dd>
                                    {foreach $val as $k => $v}

                                    <a href="{$v['href']}">{$v['name']}</a> {/foreach}
                                </dd>


                            </dl>

                            {/foreach}
                            <!-- <dl>
                                <img data-lazyload="false" src="static/front/images/cx/5.png">
                                <dd>
                                    <a href="/product?category=patch">Embroidery patch</a>
                                    <a href="/product?name=embroidered-patches">Embroidered Patches</a>
                                    <a href="/product?name=iron-on-patches">Iron On Patches</a>
                                    <a href="/product?name=velcro-patches">Velcro Patches</a>
                                    <a href="/product?name=chenille-patches">Chenille Patches</a>
                                    <a href="/product?name=pvc-patches">PVC Patches</a>
                                    <a href="/product?name=woven-patches">Woven Patches</a>
                                    <a href="/product?name=motorcycle-patches">Motorcycle Patches</a>
                                    <a href="/product?name=sports-patches">Sports Patches</a>
                                    <a href="/product?name=sequin-patches">Sequin Patches</a>
                                    <a href="/product?name=printed-patches">Printed Patches</a>
                                </dd>
                            </dl>

                            <dl>
                                <img data-lazyload="false" src="static/front/images/kc/640072c5eb7df9766b23e044135f687.png">

                                <dd>
                                    <a style="margin-top: 40px;" href="/product?category=keychain">keychain</a>
                                    <a href="/product?name=logo-patches">Logo Patches</a>
                                    <a href="/product?name=name-patches">Name Patches </a>
                                    <a href="/product?name=patches-no-minimum">Patches No Minimum</a>
                                    <a href="/product?name=jackets-patches">Jackets/Large Patches</a>
                                    <a href="/product?name=biker-patches">Biker Patches</a>
                                    <a href="/product?name=rockers-patches">Rockers Patches</a>
                                    <a href="/product?name=mc-patches">MC Patches</a>
                                </dd>
                            </dl>
                            <dl>
                                <img data-lazyload="false" src="static/front/images/lp/1.jpg">

                                <dd>
                                    <a href="/product?category=lapel">lapel pin</a>
                                    <a href="/product?name=police-patches">Police Patches</a>
                                    <a href="/product?name=boy-scout-patches">Boy Scout Patches</a>
                                    <a href="/product?name=ems-patches">Ems Patches</a>
                                    <a href="/product?name=fire-patches">Fire Patches</a>
                                    <a href="/product?name=college-patches">College Patches</a>
                                </dd>
                            </dl>
                            <dl>
                                <img data-lazyload="false" src="static/front/images/cp/1.png">

                                <dd>
                                    <a href="/product?category=chenille">chenille patch</a>
                                    <a href="/product?name=football-patches">Football Patches</a>
                                    <a href="/product?name=baseball-patches">Baseball Patches</a>
                                    <a href="/product?name=hockey-patches">Hockey Patches</a>
                                    <a href="/product?name=martial-art-patches">Martial Art Patches</a>
                                </dd>
                            </dl>
                            <dl>
                                <img data-lazyload="false" src="static/front/images/sp/eb50ffce1e6ba972e016b5a4ef67f40.png">

                                <dd>
                                    <a href="/product?category=sublimpation">sublimpation patch,woven patch</a>
                                    <a href="/product?name=morale-patches">Morale Patches</a>
                                </dd>
                            </dl> -->
                            <!--================================================================================================================================= productEnd -->
                        </div>
                    </div>
                </li>
                <li pagename="pricing"> <a href="/pricing.html">Pricing</a> </li>
                <li pagename="pricing"> <a href="/testimonials.html">Testimonials</a> </li>
                <li pagename="contact"> <a href="/contact.html">Contact</a> </li>
                <!-- productEnd -->
                <div class="getform">
                    <a id="toQuote">Get a Quote</a>
                    <a id="toOrder" class="secondBtn">Order Now</a>
                </div>

            </ul>
            <div class="menuTit">
                <div class="text">
                    MENU
                </div>
                <div class="closeMenu">
                    <i class="basefont"></i>
                </div>
            </div>
            <div class="layui-show-xs-block layui-hide-sm menubtn">
                <i class="basefont"></i>
            </div>

        </div>
        <!-- {includefile="index/product"} -->
    </div>
    <!--//header end-->
</header>